<template>
    <div>
        <div class="header">
            <div class="header-left">
                <div class="iconfont back-icon">&#xe624;</div>
            </div>
            <div class="header-input">
                <span class="iconfont search-icon">&#xe632;</span>
                输入城市景点/游玩/主题
            </div>
            <div class="header-right">
                城市
                <span class="iconfont arrow-icon">&#xe64a;</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:"HomeHeader"
}
</script>

<style scoped lang="stylus">
.header
    display:flex
    align-items:center
    background:#00bcd4
    height:.86rem
    color:#fff
    .header-left
        width:.64rem
        float:left
        .back-icon
            font-size:.4rem
            text-align:center
    .header-input
        flex:1    
        height:.62rem
        line-height .62rem
        margin-left:.2rem
        border-radius:.1rem
        background:#fff
        margin-top:.12rem
        padding-left:.2rem
        color:#ccc
        .search-icon
            font-size:.32rem
    .header-right
        width:1.24rem
        float:right    
        text-align:center
        .arrow-icon
            font-size:.24rem
            
</style>